/**
 * Created by Administrator on 2017/9/27.
 */

/*var methods = require('methods.js');*/
//获取所有的input
var input ;
//获取所有select
var select;
//页面显示的list
var list;
//分页 页数
var currpageno;
// 最大绑定车辆数量(个人6辆、企业、代办20辆，缺省为个人用户)  默认：6
var maxcar;

var ownerFlag=false;

var validate;

var loadimg="/img/load.gif";

$(function () {

   validate= $("#form_id").validate({
        rules:{
            recognitionCode:{
                required:true,
                remote:{                         //自带远程验证存在的方法
                    url:"/carData/validatingCode",
                    type:"post",
                    dataType:"json",
                    data:{
                        recognitionCode:function(){return $("#txtVIN").val();}
                    },
                    dataFilter: function(data, type) {
                        if (data.success == true)
                            //不存在
                            return false;
                        else
                            //已存在
                           return true;
                    }
                }
            }

        },
        messages:{
            recognitionCode:{
                remote:"该车辆代码已存在!"
            }
        }
    });

    maxcar=$("#maxcar").val();
    $("#manageHoderCar").hide();
    $("#holderRegister").hide();
    if(maxcar>19){
      $("#muchMore").show();
    }
    input = $(".demoform").find("input");
    select=$(".demoform").find("select");
    list=eval($("#listCarData").val());
    // 我的车辆
    $("#myCarType li").click(function () {
        var index = $(this).index();
        $("#myCarType li").eq(index).addClass("active").siblings().removeClass("active");
    });


    //所有input不可用
    input.each(function() {
        $(this).attr("disabled",true);
    });
    //所有select不可用
    select.each(function() {
        $(this).attr("disabled",true);
    });
// 选择放大图片
    $('.thumb-image').zoomify();
    //行驶证 移除
    $("#fileDel").click(function (e) {
        $('#imgUrl').val('');
        $('#hideImg').val('');
        $("#fileDel").hide();
        $("#image-holder").hide();
        $("#uploadDiv").addClass("upload_background");
        $("#imgUrl").removeClass("img_upload");
        $("#imgUrl").addClass("img_show");
        $("#viewDiv").hide();
        $("#image-holder").attr('src',loadimg);
    });
    //行驶证 图片发生改变
    $("#imgUrl").on('change', function () {
     // debugger;
        if (typeof (FileReader) != "undefined") {

            var image_holder = $("#image-holder");

            var reader = new FileReader();
            if($(this).val() != null && $(this).val() != ''){
                $("#uploadDiv").removeClass("upload_background");
                $("#imgUrl").addClass("img_upload");
                $("#imgUrl").removeClass("img_show");
                reader.readAsDataURL($(this)[0].files[0]);
                reader.onload = function (e) {
                    image_holder.attr('src',e.target.result);
                }
                $("#fileDel").show();
                image_holder.show();
                $("#viewDiv").show();
            }else{
                image_holder.hide();
                $("#fileDel").hide();
                $("#viewDiv").hide();
            }
        } else {
            methods.alertx("您的浏览器不支持动态预览图片");
        }
    });


    // 身份证移除
    $("#fileDel1").click(function (e) {
        $('#identitycard').val('');
        $("#fileDel").hide();
        $("#image-holder1").hide();
    });
    // 身份证发生改变
    $("#identitycard").on('change', function () {

        if (typeof (FileReader) != "undefined") {

            var image_holder = $("#image-holder1");

            var reader = new FileReader();
            if($(this).val() != null && $(this).val() != ''){
                reader.readAsDataURL($(this)[0].files[0]);
                reader.onload = function (e) {
                    image_holder.attr('src',e.target.result);
                }
                image_holder.show();
                $("#fileDel1").show();
            }else{
                image_holder.hide();
                $("#fileDel1").hide();
            }
        } else {
            methods.alertx("您的浏览器不支持动态预览图片");
        }
    });

    carNumberFn(0);
});

//认证车主
function holderRegisterClick(){
    $("#divPhone1").show();
    $("#divPhoneBlack1").show();
}


//管理车主关系方法
function manageHoderCarClick(){
    $("#divPhoneCar").show();
    $("#divPhoneBlackCar").show();
    $.ajax({
        type: 'POST',
        url: "/carData/findListById",
        data: {
            id: $('#ID').val(),
        },
        async: false,
        success: function(rdata){
            if(rdata.success==true){
                var str='';
                for(var i=0;i<rdata.dataList.length;i++){
                    element=rdata.dataList[i];
                    str +='<tr class="tbody"><td style="white-space:nowrap; overflow:hidden;text-overflow:ellipsis">'+element.plateNumber
                        +'</td><td style="white-space:nowrap; overflow:hidden;text-overflow:ellipsis">'+element.user.realname
                        +'</td><td><a href="javascript:void(0);" onclick="deleteFn(\''+element.id+'&'+element.user.userid+'\')" >删除</a></td></tr>';
                }
                //分页显示否
                if(rdata.dataList.length < 5){
                    $("#fanyeCar").hide();
                }else{
                    $("#fanyeCar").show();
                }
                $("#tableBodyCar").html(str);

            }else{
               // methods.alertx(rdata.message);
                $("#tableBodyCar").html('<tr style="text-align: center"><td colspan="3" style="text-align: center">'+rdata.message+'</td></tr>');
            }
            splitPageCar(1);
        },
        error:function(rdata){
            if(rdata.success==false){
                $("#tableBodyCar").html('<tr style="text-align: center"><td colspan="3" style="text-align: center">'+rdata.message+'</td></tr>');
            }
        }
    });
}

//解除绑定
function deleteFn(str) {
    var prame=str.split("&");
    return methods.confirmx('确定要解除绑定吗？', "/carData/deleteCarUser?id="+prame[0]+"&user.userid="+prame[1]);
}

//认证车主按钮显示
function hoder(){
    ownerFlag=false;
    $("#holderRegister").hide();
    $("#manageHoderCar").hide();
    if(maxcar<7){
        var isOwner=$("#isOwner").val();
        if(isOwner=='0'){
            ownerFlag=true;
            //认证车主需要显示
        }
    }
}
//查看样本
function viewBtnFn() {
    $(".modal").show();
}
//编辑修改
function modifyFn() {
    if(maxcar<7){
        var isOwner=$("#isOwner").val();
        if(ownerFlag){
            $("#holderRegister").show();
        }else if(isOwner=='1'){
            $("#manageHoderCar").show();
        }
    }
    input.each(function() {
        $(this).attr("disabled",false);
    });
    //所有select不可用
    select.each(function() {
        $(this).attr("disabled",false);
    });
    $("#btn_sub").show();
    $("#btn_subDiv").show();
    $("#fileDel").show();
}

//添加
function addFn() {
    if(maxcar<Number(list.length+1)){
        methods.alertx("您的绑定车辆数量已达上限"+maxcar+"辆!")
     return false;
    }
    $('#imgUrl').val('');
    $("#fileDel").hide();
    $("#btnModify").hide();
    $("#uploadDiv").addClass("upload_background");
    $("#imgUrl").removeClass("img_upload");
    $("#imgUrl").addClass("img_show");
    $("#viewDiv").hide();
    $('#btnView').show();
    $('#btnUnbound').hide();
    $('#btnAutoFind').show();
    $('#txtVIN').val('');
    $('#hideImg').val('');
    $('#codeValue').val('');
    $('#isOwner').val('');
    $('#plateNumber1').val('');
    $('#plateNumberCar').val('');
    $('#txtOwner').val('');
    $('#txtEngineNo').val('');
    $('#registerDate').val((new Date()).pattern("yyyy-MM-dd"));
    $('#txtVehicleType').val("小型轿车");
    $("input[name='fuelType'][value='汽油']").attr("checked",true);
    fuelTypeClick($("#fuelTypeQ"));
    $("input[name='projectNature'][value='非营运']").attr("checked",true);
    fuelTypeClick($("#projectNatureN"));
    $('#txtAddress').val("");
    $('#txtModel').val("");
    $('#ID').val('');
    $('#IDupload').val('');
    $("#btn_sub").show();
    $("#btn_subDiv").show();

    input.each(function() {
        $(this).attr("disabled",false);
    });
    select.each(function() {
        $(this).attr("disabled",false);
    });

}

//车牌号码
function carNumberFn(position) {
    var carDate=list[position];
    $('#btnView').hide();
    $('#btnUnbound').show();
    $('#btnAutoFind').hide();
    if(carDate==undefined){
        addFn();
        $("#addLi").addClass("active");
        methods.alertx("您目前没有添加任何车辆请先添加车辆");
        return;
    }
    validate.resetForm();
    $("#btnModify").show();
    $('#ID').val(carDate.id);
    $('#IDupload').val(carDate.id);
    $('#txtVIN').val(carDate.recognitionCode);
    $('#codeValue').val(carDate.plateNumber);
    $('#plateNumber1').val(carDate.plateNumber);
    $('#plateNumberCar').val(carDate.plateNumber);
    $('#isOwner').val(carDate.isOwner);
    $('#txtOwner').val(carDate.holder);
    //图片显示
    $('#hideImg').val(carDate.imgUrl);
    $("#fileDel").hide();
    $('#image-holder').attr('src',carDate.imgUrl);
    $("#uploadDiv").removeClass("upload_background");
    $("#imgUrl").addClass("img_upload");
    $("#imgUrl").removeClass("img_show");
    $("#viewDiv").show();
    $('#registerDate').val((new Date(carDate.registerDate)).pattern("yyyy-MM-dd"));
    $('#txtVehicleType').val(carDate.plateType);
    $('#txtAddress').val(carDate.address);
    $('#txtModel').val(carDate.brandModel);

    hoder();
    $("#btn_sub").hide();
    $("#btn_subDiv").hide();
    //初期radio的判断
    if (carDate.fuelType=='柴油'){
        fuelTypeClick($("#fuelTypeC"));
    }else {
        fuelTypeClick($("#fuelTypeQ"));
    }
    //初期radio的判断
    if (carDate.projectNature=='营运'){
        fuelTypeClick($("#projectNatureY"));
    }else {
        fuelTypeClick($("#projectNatureN"));
    }

    input.each(function() {
        $(this).attr("disabled",true);
    });
    //所有select不可用
    select.each(function() {
        $(this).attr("disabled",true);
    });

}



//自动识别
function autoFindBtnFn() {
    if(($('#txtVINCode').val()==''||$('#txtVINCode').val()==null)||($('#txtPlateNo').val()==''||$('#txtPlateNo').val()==null)||($('#txtVehicleType').val()==''||$('#txtVehicleType').val()==null)){
         methods.alertx("请先填写车辆识别代码、号牌类型、号牌号码再进行识别");
        return false;
    }
    $.ajax({
        type: 'POST',
        url: "/carData/autoRecognition",
        data: {
            recognitionCode: $('#txtVINCode').val(),//车辆识别代码
            plateNumber: $('#txtPlateNo').val(),//号牌号码
            plateType: $('#txtVehicleType').val(),//号牌类型
        },
        async: false,
        success: function(rdata){
            if(rdata.success==true){
                methods.alertx(rdata.message);
            }
        },
        error:function(rdata){
            if(rdata.success==false){
                methods.alertx(rdata.message);
            }
        }
    });

}


//更多查询弹框
function carSearchWindow(){
    $("#divPhone").show();
    $("#divPhoneBlack").show();
}

//弹窗 查询按钮点击
function searchPlata(){
    $.ajax({
        url: "/carData/searchCarData",
        type:"POST",
        dataType:"json",
        async:false,
        data: {
            plateNumber:$("#plateNumber").val()
        },
        success: function(rdata){
            if(rdata.success==true&&rdata.dataList.length>0){
                var str='';
                //debugger;
                for(var i=0;i<rdata.dataList.length;i++){
                    element=rdata.dataList[i];
                    str +='<tr class="tbody" onclick="trClick('+element.id+')"><td style="white-space:nowrap; overflow:hidden;text-overflow:ellipsis">'+element.plateNumber+'</td><td style="white-space:nowrap; overflow:hidden;text-overflow:ellipsis">'+element.holder+'</td></tr>';
                }
                //分页显示否
                if(rdata.dataList.length < 5){
                    $("#fanye").hide();
                }else{
                    $("#fanye").show();
                }
                $("#tableBody").html(str);
            }else{
                $("#tableBody").html("暂无查询数据");
            }

            splitPage(1);
        },
        error:function(rdata){
            if(rdata.success==false){
                methods.alertx(rdata.message);
            }
        }
    });
    carSearchWindow();
}

//更多点击事件
function trClick(ID){
    for(var i=0;i<list.length;i++){
      var carDate=list[i];
        if(list[i].id==ID){
            timeUpdate(ID)
            carNumberFn(i);
            $("#divPhone").hide();
            $("#divPhoneBlack").hide();
        }
    }
}

//更多修改时间
function timeUpdate(ID){
    $.ajax({
        url: "/carData/updateTime",
        type:"POST",
        dataType:"json",
        async:false,
        data: {
           id:ID
        },
        success: function(rdata){
           /* if(rdata.success==true){
                methods.alertx(rdata.message);
            }*/
        },
        error:function(rdata){
           /* if(rdata.success==false){
                methods.alertx(rdata.message);
            }*/
        }
    });
}


//解除绑定分页
function splitPageCar(page){
    currpageno = page;
    //debugger;
    var itable = document.getElementById("tabindexCar");
    var num = itable.rows.length;//表格所有行数(所有记录数)
    var pageSize = 5;//每页显示行数
    var startRow = (currpageno - 1) * pageSize+2;//开始显示的行  31
    var endRow = currpageno * pageSize+1;//结束显示的行   40
    var totalPage = Math.ceil(num/pageSize);//总页数
    if(page==1){
        pageSize=6;
        startRow = (currpageno - 1) * pageSize+1;
        endRow = currpageno * pageSize;
    }

    endRow = (endRow > num)? num : endRow;
    if(currpageno >= totalPage){
        //$("#next").hide();
        $("#nextCar").removeAttr("href");
    }else{
        $("#nextCar").attr("href","javascript:splitPage(++currpageno)");
    }
    if(currpageno >1){
        $("#upCar").attr("href","javascript:splitPage(--currpageno)");
    }else{
        $("#upCar").removeAttr("href");
    }
    //遍历显示数据实现分页
    for(var i=1;i<(num+1);i++){
        var irow = itable.rows[i-1];
        if(i>=startRow && i<=endRow){
            irow.style.display = "";
        }else{
            if(i==1){
                irow.style.display = "";
            }else{
                irow.style.display = "none";
            }

        }
    }
    $("#totleNumTabCar").html(totalPage);
    $("#currNumTabCar").html(page);
    if(currpageno == 1){
        $("#upCar").hide();
    }else{
        $("#upCar").show();
    }
    if(currpageno == totalPage){
        $("#nextCar").hide();
    }else{
        $("#nextCar").show();
    }
   // carSearchWindow();
}

//更多分页
function splitPage(page){
    currpageno = page;
    //debugger;
    var itable = document.getElementById("tabindex");
    var num = itable.rows.length;//表格所有行数(所有记录数)
    var pageSize = 5;//每页显示行数
    var startRow = (currpageno - 1) * pageSize+2;//开始显示的行  31
    var endRow = currpageno * pageSize+1;//结束显示的行   40
    var totalPage = Math.ceil(num/pageSize);//总页数
    if(page==1){
        pageSize=6;
        startRow = (currpageno - 1) * pageSize+1;
        endRow = currpageno * pageSize;
    }

    endRow = (endRow > num)? num : endRow;
    if(currpageno >= totalPage){
        //$("#next").hide();
        $("#next").removeAttr("href");
    }else{
        $("#next").attr("href","javascript:splitPage(++currpageno)");
    }
    if(currpageno >1){
        $("#up").attr("href","javascript:splitPage(--currpageno)");
    }else{
        $("#up").removeAttr("href");
    }
    //遍历显示数据实现分页
    for(var i=1;i<(num+1);i++){
        var irow = itable.rows[i-1];
        if(i>=startRow && i<=endRow){
            irow.style.display = "";
        }else{
            if(i==1){
                irow.style.display = "";
            }else{
                irow.style.display = "none";
            }

        }
    }
    $("#totleNumTab").html(totalPage);
    $("#currNumTab").html(page);
    if(currpageno == 1){
        $("#up").hide();
    }else{
        $("#up").show();
    }
    if(currpageno == totalPage){
        $("#next").hide();
    }else{
        $("#next").show();
    }
    carSearchWindow();
}
//解除绑定
function unboundBtnFn() {
    //methods.alertx("解除绑定",function(){});
    var ID=$("#ID").val();
    return methods.confirmx('确定要解除绑定吗？', "/carData/deleteCarUser?id="+ID);
}

//提交按钮
function commitFn() {
    //debugger;
    var imgUrl=$("#imgUrl").val();
    if(imgUrl==null||imgUrl==''){
        var hideImg=$("#hideImg").val();
        if(hideImg==null|| hideImg==''){
            methods.alertx("请上传行驶证照片!");
          return false;
        }
    }
    $("#form_id").submit();
}

//提交按钮
function cardsubmit() {
    //debugger;
    var imgUrl=$("#identitycard").val();
    if(imgUrl==null||imgUrl==''){
        methods.alertx("请上传行驶证照片!");
        return false;
    }
    $("#form_card").submit();
}
//radio 变换
 function  fuelTypeClick(obj){
    //debugger;
     $(obj).siblings("span").addClass("active");
     $(obj).parent("div").siblings("div").children("span").removeClass("active");
};

Date.prototype.pattern=function(fmt) {
    var o = {
        "M+" : this.getMonth()+1, //月份
        "d+" : this.getDate(), //日
        "h+" : this.getHours()%12 == 0 ? 12 : this.getHours()%12, //小时
        "H+" : this.getHours(), //小时
        "m+" : this.getMinutes(), //分
        "s+" : this.getSeconds(), //秒
        "q+" : Math.floor((this.getMonth()+3)/3), //季度
        "S" : this.getMilliseconds() //毫秒
    };
    var week = {
        "0" : "/u65e5",
        "1" : "/u4e00",
        "2" : "/u4e8c",
        "3" : "/u4e09",
        "4" : "/u56db",
        "5" : "/u4e94",
        "6" : "/u516d"
    };
    if(/(y+)/.test(fmt)){
        fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));
    }
    if(/(E+)/.test(fmt)){
        fmt=fmt.replace(RegExp.$1, ((RegExp.$1.length>1) ? (RegExp.$1.length>2 ? "/u661f/u671f" : "/u5468") : "")+week[this.getDay()+""]);
    }
    for(var k in o){
        if(new RegExp("("+ k +")").test(fmt)){
            fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));
        }
    }
    return fmt;
}

